

const FontIcon = ({icon, style, fontSize, color, hover, cursor,onClick}) => (
    <i className={`iconfont icon-${icon}`} style={style} onClick={onClick}>

        <style jsx>{`
            i{
                font-size: ${fontSize};
                color: ${color};
                cursor: ${cursor};
                line-height: 1;

                &:hover{
                    color: ${hover};
                }
            }
      `}
        </style>
    </i>
)

export default FontIcon